<template>
	<view class="banner-box">
		<image :src="pic"></image>
		<view class="tit-box">
			<text class="tit">{{name}}</text>
			<text class="tit2">{{desc}}</text>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		pic: String,
		name: String,
		desc: String,
	},
	data() {
		return {
		}
	},
	mounted() {
		
	},
	methods: {
		
	}
}
</script>

<style lang='scss'>
	.banner-box{
		display:flex;
		align-items:center;
		height: 120upx;
		padding: 6upx 30upx 8upx;
		background: #fff;
		image{
			width: 80upx;
			height: 80upx;
			margin-right: 20upx;
		}
		.tit-box{
			flex: 1;
			display: flex;
			flex-direction: column;
		}
		.tit{
			font-size: $font-lg +2upx;
			color: #font-color-dark;
			line-height: 1.3;
		}
		.tit2{
			font-size: $font-sm;
			color: $font-color-light;
		}
		.xiangyou{
			font-size: $font-lg +2upx;
			color: $font-color-light;
		}
	}
</style>